/**
 * Created by kroyo on 2018/04/09
 * 需求单详情  页面js
 */


 $(function(){

     //1.需求资料编辑
     var $editbtn = $('.detailview .editbtn');
     $editbtn.on('click',function(){
        editRequist($(this));
     });
     function editRequist($this){
        var _this = $this;

        //1.1编辑按钮控制显示
        $editbtn.css('color','#cccccc');
        $editbtn.unbind('click');
        _this.css('display','none');

        //1.2 watchview 与 editview 的切换
        var $parent = _this.parent().parent();
        $parent.addClass('edit');
     }
     //1.3 取消编辑
     var $cancelbtn = $('.editview .caclebtn');
     $cancelbtn.on('click',function(){
        delalert('确定取消编辑');
        winFade($('.win-delalert'),true);

        $('.win-delalert .btn-list').data('type','editdata');
     });

     $('.win-delalert .btn-conf').on('click',function(){
         var type = $(this).parent().data('type');
         if(type == 'editdata'){
             winFade($('.win-delalert'),false);
             $(this).parent().removeData('type');
             $editbtn.bind('click',function(){
                editRequist($(this));
             });
             $editbtn.css('color','');
             $editbtn.css('display','inline-block');

             $('.detailview .view-header').removeClass('edit');
             $('.detailview .data-item').removeClass('edit');

             $('.detailview .reset').trigger('click');
         }
     });



     //2.编辑信息  控制视图
     controlView();
     function controlView(){
         var $view_apper = $('.view-apper'),
             $view_struct = $('.view-struct'),
             $view_project = $('.view-apper .view-project'),
             $view_partner = $('.view-apper .view-partner');
        
        //2.1控制设计预算的显示与隐藏
        $('#design-apper').on('change',function(){
            $view_apper.slideToggle();
        });
        $('#design-struct').on('change',function(){
            $view_struct.slideToggle();
        });

        //2.2控制外观设计‘设计预算’的价格列表
        $('.item-model input[name="model-type"]').on('change',function(){
            var val = $(this).data('val');
            //项目制
            if(val == 0){
                $view_project.css('display','block');
                $view_partner.css('display','none');
            }
            // 合伙人制
            if(val == 1){
                $view_project.css('display','none');
                $view_partner.css('display','block');
            }
        });
       
     }


     //3.匹配记录
     //3.1收缩、展开
	$('.match-view .topbtn').on('click',function(){
        var indexid = $(this).index('.match-view .topbtn');
        console.log(indexid);        
		$(this).toggleClass('active');
		$('.match-view .match-list').eq(indexid).slideToggle(function(){
			$('.site-footer').css('position','initial');
			$(window).resize();
		});
    });


    //4. 财务记录浏览
    siteWindow('.win-imgwrapper');
    $('.finance-view .img-wrapper .watch').on('click',function(){
        $('.win-imgwrapper img').attr('src',$(this).parent().find('img').attr('src'));
        winFade($('.win-imgwrapper'),true);
    });
    $('.win-imgwrapper').click(function(){
        winFade($('.win-imgwrapper'),false);
    });


    $('.form-inner_checkbox .check-wrapper label').on('click',function(){
        $(this).parent().toggleClass('checked');
    });
    $('.form-inner_checkbox li label').on('click',function(){
        $(this).parent().toggleClass('checked');
    });

	
	
	// 4.需求单字数限制
    // 4.1应用场景
    var $scenarios = $('#scenarios'),
        $reference = $('#reference'),
        $remark = $('#remark');
    var scOff = reOff = remarkOff = true;

    // $scenarios.on('keydown',function(){
    //     var _this = $(this);
    //     if(_this.val().length >= 70){
    //         if(!scOff){
    //             return false;
    //         }
    //         scOff = false;
    //         _this.css('border-color','#ee0003');
    //         viewAnimated($error_view,$error_text,'应用场景字数不能大于70');
    //         return false;
    //     }
    //     scOff = true;
    // });
    // $reference.on('keydown',function(){
    //     var _this = $(this);
    //     if(_this.val().length >= 70){
    //         if(!reOff){
    //             return false;
    //         }
    //         reOff = false;
    //         _this.css('border-color','#ee0003');
    //         viewAnimated($error_view,$error_text,'参考信息字数不能大于70');
    //         return false;
    //     }
    //     reOff = true;
    // });
    // $remark.on('keydown',function(){
    //     var _this = $(this);
    //     if(_this.val().length >= 180){
    //         if(!remarkOff){
    //             return false;
    //         }
    //         remarkOff = false;
    //         _this.css('border-color','#ee0003');
    //         viewAnimated($error_view,$error_text,'需求备注字数不能大于180');
    //         return false;
    //     }
    //     remarkOff = true;
    // });
    function keyLength($sel,kLength){
        var kLength = kLength;
        $sel.on('keydown',function(){
            var _this = $(this);
            console.log(_this.val().length,kLength);
            if(_this.val().length >= kLength){
                alert('应用场景字数不能大于70');
                _this.css('border-color','#ee0003');
                // alertbox('应用场景字数不能大于70');
                return false;
            }
        });
    } 
 });